import Vue from 'vue'
import App from './App.vue'

import Find from './components/Find.vue'
import My from './components/My.vue'
import Friend from './components/Friend.vue'

// vue-router使用步骤(5 + 2)
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// 重要: 核心的两个步骤 
// 1. 配置路由规则  在 VueRouter({配置项})
const router = new VueRouter({
  routes: [
    // 配置映射关系 path 是访问路径   component 是组件
    {path: '/find', component: Find},
    {path: '/my', component: My},
    {path: '/friend', component: Friend},
  ]
})
// 2. 配置路由出口 目前路由出口放在App.vue中
// import './styles/index.css'

Vue.config.productionTip = false
// 全局的指令注册
Vue.directive('focus', {
    "inserted" (el) {
      console.log(el)
      el.focus()
    }
  }
)
new Vue({
  render: h => h(App),
  router
}).$mount('#app')
